<!DOCTYPE HTML>
<html lang="en-us"><head>
    <title>4everyone</title>
  	<meta charset="utf-8">
    <meta name="description" content="4everyone">
    <meta name="keywords" content="4everyone">
    <meta name="author" content="4everyone">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>	
   
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/mobilemenu.css">
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
	<script type="text/javascript" src="js/jquery-latest.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery.session.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
	<script type="text/javascript">
		$(window).scroll(function () {
			if (jQuery(this).scrollTop() > 0) {
				jQuery('header').addClass('scrolled');
			} else {
				jQuery('header').removeClass('scrolled');
			}
			$('.flexslider_2').flexslider({
				animation: "fade",
				animationSpeed: 500,
				smoothHeight: true,
				animationLoop: true,
				touch: true,
				directionNav: false
			});
		});
    </script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
 <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
   <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
	<body>
        <div class="color_wrap color_wrap_open">
        	<a class="btn_skin"></a>
        	<div>skin</div>
            <div class="basic"><a onclick="get_theme('style')">Basic</a></div>
            <div class="theme_1"><a onclick="get_theme('theme_1')">theme_1</a></div>
            <div class="theme_2"><a onclick="get_theme('theme_2')">theme_2</a></div>
            <div class="theme_3"><a onclick="get_theme('theme_3')">theme_3</a></div>
            <div class="theme_4"><a onclick="get_theme('theme_4')">theme_4</a></div>
            <div class="theme_5"><a onclick="get_theme('theme_5')">theme_5</a></div>
        </div>
		<header class="">
			<div class="container">
            	<div class="row">
                    <div class="span12">
                        <a class="logo" href="index.htm">4everyone</a>
                        <button class="nav-button">menu</button>
                        <ul class="menu">
                            <li><a class="home" href="index.htm">Home</a></li>
                            <li><a class="about" href="index.htm#about">About</a></li>
                            <li><a class="work" href="index.htm#work">Work</a></li>
                            <li><a href="blog.htm">Blog</a></li>
                            <li><a class="contact" href="index.htm#contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
			</div><!--/container-->
		</header>
        <div class="blog_title">
        	<h3>The Blog - one moment or a whole story...</h3>
        </div>
		<div class="container-fill">
            <div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                            <div class="blog_post_view">
                                <h3><a href="blog_post.htm">Big. Simple. Eye-Catching.</a></h3>
                                <h6><time datetime="2013-01-01" class="time">august 28,2012</time> <a href="more.htm">webdesign</a></h6>
                                <figure class="blog_post_view_img">
                                    <img src="images/img-7.jpg" alt="">
                                </figure>
                                <p class="testim">" Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat."</p>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enimad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
                                <h4>Big Sub-Heading</h4>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enimad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum.</p>
                                <div class="row">
                                    <section class="span4">
                                        <h4 class="small">Small Sub-Heading 1</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur ad ipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enimad min.</p>
                                    </section>
                                    <section class="span4">
                                        <h4 class="small">Small Sub-Heading 2</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur ad ipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enimad min.</p>
                                    </section>
                                    <section class="span4">
                                        <h4 class="small">Small Sub-Heading 3</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur ad ipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enimad min.</p>
                                    </section>
                                </div>
                                <div class="post_info_wrapper">
                                    <div class="row">
                                        <div class="span6 post_info_tags">
                                            <h6>Tagged With: <a href="#">WordCamp</a>, <a href="#">WordCamp Europe</a></h6>
                                        </div>
                                        <div class="span6 post_info_comments">
                                            <h6><a href="#"><span>comments</span> (0)</a></h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
            <div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                            <div class="blog_post_view">
                                <h3>Leave a comment:</h3>
                                <form id="comment_form" method="get">
                                    <fieldset>
                                        <div class="row">
                                            <div class="span6">
                                                <label>
                                                    <input type="text" value="Your Name" onblur="if(this.value=='') this.value='Your Name'" onfocus="if(this.value =='Your Name') this.value=''">
                                                </label>
                                                <label>
                                                    <input type="text" value="Email" onblur="if(this.value=='') this.value='Email'" onfocus="if(this.value =='Email') this.value=''">
                                                </label>
                                                <label>
                                                    <input type="text" value="Website" onblur="if(this.value=='') this.value='Website'" onfocus="if(this.value =='Website') this.value=''">
                                                </label>
                                            </div>
                                            <div class="span6">
                                                <label>
                                                    <textarea value="Message" onblur="if(this.value=='') this.value='Message'" onfocus="if(this.value =='Message') this.value=''">Message</textarea>
                                                </label>
                                            </div>
                                        </div>
                                        <a class="btn btn_1" onclick="document.getElementById('comment_form').submit()">Send Message</a>
                                    </fieldset>
                                </form>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
            <footer>
                <div class="container">
                    <div class="row">
                        <div class="span12 text-center">
                            &copy; 2013 Yashma Themes &nbsp; | &nbsp; all Rights Reserved.  Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
                        </div>
                    </div>
                </div>
            </footer>
		</div><!--/container-fill-->
</body>
</html>